<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8">
		<title>首页-搜索二级列表页-百台云 - 直播你的梦想（https://www.100ytv.com）</title>
		<meta name="keywords" content="百台云">
		<meta name="description" content="百台云">
		<meta name="Copyright" content="百台云 All Rights Reserved">
		<meta name="Robots" content="All">
		<meta name="application-name" content="百台云 www.luoanziben.com">
		<meta name="msapplication-tooltip" content="百台云 www.luoanziben.com">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<!--title小图标显示-->
		<link rel="icon" href="images/ico-logo.png" type="image/x-icon">
		<link rel="shortcut icon" href="images/ico-logo.png">
		<link rel="Bookmark" href="images/ico-logo.png">
		<!--样式文件-->
		<link rel="stylesheet" type="text/css" href="css/aui.css" />
		<link rel="stylesheet" type="text/css" href="css/bty.css" />
	</head>

	<body>
		<!--start:header头部-->
		<header id="bty_header" class="aui-bar aui-bar-nav">
			<a onClick="javascript:history.back(-1);" class="aui-pull-left aui-btn aui-btn-outlined bty-noborder aui-col-xs-1 aui-margin-r-0">
				<span class="aui-iconfont aui-icon-left"></span>
			</a>
			<div class="aui-col-xs-10">
				<div class="aui-searchbar bg-transparent" id="search">
			        <div class="aui-searchbar-input aui-border-radius btn-radius" tapmode="">
			            <i class="aui-iconfont aui-icon-search"></i>
			            <form action="javascript:search();">
			                <input type="search" placeholder="请输入搜索内容" id="search-input">
			            </form>
			        </div>
			    </div>
			</div>
		</header>
		<!--end:header头部--->

		<!--start:内容区域-->
		<div class="aui-content doc-box">
			<div class="docBox-left bg-white">
				<ul class="aui-tab aui-list aui-list-in aui-margin-l-10" id="tabshop">
		            <li class="aui-tab-item aui-list-item aui-active">
		                <div class="aui-list-item-inner aui-font-size-14">居家生活</div>
		            </li> 
		            
		            <li class="aui-tab-item aui-list-item">
		                <div class="aui-list-item-inner aui-font-size-14">美妆个护</div>
		            </li>
		            
		            <li class="aui-tab-item aui-list-item">
		                <div class="aui-list-item-inner aui-font-size-14">主题3</div>
		            </li>
		        </ul>
			</div>
			
			<div class="docBox-right bg-white">
				<div class="themeBox" style="display: block;">
					<div class="themeImg">
						<img options="size=1200x520&bgcolor=#ccc&color=#ffffff&fsize=30&text=1200x520" class="placeholder"/>   
					</div>
					<section class="aui-grid aui-margin-b-15">
				        <div class="aui-row">
				            <div class="aui-col-xs-4">
				                <i class="aui-iconfont aui-icon-home"></i>
				                <div class="aui-grid-label">居家日用</div>
				            </div>
				            <div class="aui-col-xs-4">
				                <i class="aui-iconfont aui-icon-gear"></i>
				                <div class="aui-grid-label">餐饮用具</div>
				            </div>
				            <div class="aui-col-xs-4">
				                <i class="aui-iconfont aui-icon-map"></i>
				                <div class="aui-grid-label">厨房烹饪</div>
				            </div>
				            <div class="aui-col-xs-4">
				                <i class="aui-iconfont aui-icon-calendar"></i>
				                <div class="aui-grid-label">收纳必备</div>
				            </div>
				            <div class="aui-col-xs-4">
				                <i class="aui-iconfont aui-icon-date"></i>
				                <div class="aui-grid-label">清洁用具</div>
				            </div>
				            <div class="aui-col-xs-4">
				                <i class="aui-iconfont aui-icon-cart"></i>
				                <div class="aui-grid-label">家电用品</div>
				            </div>
				            <div class="aui-col-xs-4">
				                <i class="aui-iconfont aui-icon-date"></i>
				                <div class="aui-grid-label">家居家装</div>
				            </div>
				            <div class="aui-col-xs-4">
				                <i class="aui-iconfont aui-icon-cart"></i>
				                <div class="aui-grid-label">节日用品</div>
				            </div>
				        </div>
				    </section>
				</div>
				
				<div class="themeBox">
					<div class="themeImg">
						<img options="size=414x220&bgcolor=#ccc&color=#ffffff&fsize=30&text=414x220" class="placeholder"/>   
					</div>
					<section class="aui-grid aui-margin-b-15">
				        <div class="aui-row">
				            <div class="aui-col-xs-4">
				                <i class="aui-iconfont aui-icon-home"></i>
				                <div class="aui-grid-label">美妆</div>
				            </div>
				            <div class="aui-col-xs-4">
				                <i class="aui-iconfont aui-icon-gear"></i>
				                <div class="aui-grid-label">护肤</div>
				            </div>
				        </div>
				    </section>
				</div>
				
				<div class="themeBox">
					<div class="themeImg">
						<img options="size=414x220&bgcolor=#ccc&color=#ffffff&fsize=30&text=414x220" class="placeholder"/>   
					</div>
					<section class="aui-grid aui-margin-b-15">
				        <div class="aui-row">
				            <div class="aui-col-xs-4">
				                <img options="size=40x40&bgcolor=#ccc&color=#ffffff&fsize=14&text=40x40" class="placeholder"/>   
				                <div class="aui-grid-label">主题3</div>
				            </div>
				            <div class="aui-col-xs-4">
				                <img options="size=40x40&bgcolor=#ccc&color=#ffffff&fsize=14&text=40x40" class="placeholder"/>   
				                <div class="aui-grid-label">主题3</div>
				            </div>
				            <div class="aui-col-xs-4">
				                <img options="size=40x40&bgcolor=#ccc&color=#ffffff&fsize=14&text=40x40" class="placeholder"/>   
				                <div class="aui-grid-label">主题3</div>
				            </div>
				            <div class="aui-col-xs-4">
				                <img options="size=40x40&bgcolor=#ccc&color=#ffffff&fsize=14&text=40x40" class="placeholder"/>   
				                <div class="aui-grid-label">主题3</div>
				            </div>
				            
				        </div>
				    </section>
				</div>
				
			</div>
		</div>
		<!--end:内容区域-->
	</body>
	<script type="text/javascript" src="js/api.js"></script>
	<script type="text/javascript" src="js/aui-slide.js"></script>
	<script type="text/javascript" src="js/aui-tab.js"></script>
	<script type="text/javascript" src="js/aui-pull-refresh.js"></script>
	<script type="text/javascript" src="js/aui-scroll.js"></script>
	<script type="text/javascript" src="js/aui-dialog.js"></script>
	<script src="js/placeholder.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/zepto.js" charset="utf-8"></script>
	<script type="text/javascript">
		//头部脚部占位div
 		$('#bty_header').after('<div style="height:'+ $('#bty_header').height()  +'px"></div>');
		
		//tab
		var tab = new auiTab({
	        element:document.getElementById("tabshop"),
	        index:1
	    },function(ret){
	    	var themeBox =document.getElementsByClassName('themeBox');
	    	for(i=0;i<themeBox.length;i++){ themeBox[i].style.display = 'none'; }
	    	themeBox[ret.index-1].style.display='block';
	    });
		
	</script>
</html>
